<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>{:__('Detail')}</title>
		<link rel="shortcut icon" href="__CDN__/assets/img/favicon.ico" type="image/x-icon">
		<script type="text/javascript">
            //适配移动端
			function resize() {
				var deviceWidth = document.documentElement.clientWidth;
				if (deviceWidth < 240) deviceWidth = 240;
					document.documentElement.style.cssText = 'font-size:' + (deviceWidth / 15) + 'px!important';
			}
			window.addEventListener('resize', resize);
			resize();
        </script>
        <!--[if !IE]> -->
		    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
	        <script src="__CDN__/assets/js/frontend/flexible.js"></script>
		    <script src="__CDN__/assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>
		    <link rel="stylesheet" type="text/css" href="__CDN__/assets/libs/bootstrap/dist/css/bootstrap.min.css"/>
			<link rel="stylesheet" href="__CDN__/assets/css/scoute/detailPc.css"/>
	    <!-- <![endif]-->
	
	    <!--[if lte IE 8]>
	        <script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
	        <script src="//cdn.bootcss.com/respond.js/1.4.2/respond.js"></script>
	        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
			<script src="__CDN__/assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>
			<link rel="stylesheet" type="text/css" href="__CDN__/assets/libs/bootstrap/dist/css/bootstrap.min.css"/>
			<link rel="stylesheet" href="__CDN__/assets/css/scoute/detailPc.css"/>
	    <![endif]-->
	   
	     <!--[if gt IE 8]>
		    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
			<script src="__CDN__/assets/libs/bootstrap/dist/js/bootstrap.min.js"></script>
			<link rel="stylesheet" type="text/css" href="__CDN__/assets/libs/bootstrap/dist/css/bootstrap.min.css"/>
			<link rel="stylesheet" href="__CDN__/assets/css/scoute/detailPc.css"/>
	    <![endif]-->
	</head>
	<body>
		<nav class="navbar navbar-inverse navbar-fixed-top">
			<div class="container-fluid">
				<div class="navbar-header">
					<a class="navbar-brand">
						<img src="__CDN__/assets/img/scoute/web/home_logo.png"/>
					</a>
					<button class="navbar-toggle" data-toggle="collapse" data-target="#navbar">
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
					</button>
				</div>
				<div id="navbar" class="collapse navbar-collapse">
					<ul class="nav navbar-nav navList">
						<li><a href="{:url('index/index')}#bps">{:__('About CTS')}</a></li>
						<li><a href="{:url('index/index')}#qtl">{:__('Sales plan')}</a></li>
						<li><a href="#">{:__('White Book')}</a></li>
						<li><a href="{:url('blog/blog')}">{:__('Blog')}</a></li>
					</ul>
				</div>
				<div class="cutLan">
				<span>
				{if($config['language']=='zh-cn')}中文{/if}
				{if($config['language']=='en')}EN{/if}
				</span>
					<!--<span>中文</span>-->
					<img class="selectLan" src="__CDN__/assets/img/scoute/web/home_top_arrow.png" alt="" />
				</div>
			</div>
		</nav>
		<div class="lan">
			<div><a href="?ref=home/blog&lang=en">EN</a></div>
			<div><a href="?ref=home/blog&lang=zh-cn">中文</a></div>
		</div>
	    <div class="blog-banner">
		    <div class="container">
		        <div class="row">
		        	<div class="col-xs-12">
		        		<h1 class="search_Title">{:__('Blog What')}</h1>
		        	</div>
		        </div>
		    	<div class="row">
		            <div class="col-xs-12">
		                <div class="form-group blog-search">
		                    <input class="form-control blog-text" placeholder="{:__('Search Please')}" autocomplete="off" autofocus="" tabindex="0" autocorrect="off" autocapitalize="off" spellcheck="false">
		                    <img class="search_img" src="__CDN__/assets/img/scoute/web/blogs/help_seek_icon_selected.png"/>
		                </div>
		            </div>
		        </div>
		    </div>
		</div>
		<div class="blog-wrap">
		    <div class="container">
		        <!--如果blog-menu显示 去掉hide blog-space加hide类名。
		        否则blog-space去掉hide blog-menu加上hide变成隐藏-->
		        <div class="blog-space hide"></div>
		        <div class="row">
		            <main class="blog-main col-md-9">
		            	<div class="blog-content">
		                    <h1>{$article.title}</h1>
		                    <div class="blog-center">
		                        <div class="post-permalink clearfix">
		                            <div class="techgw left">{$user_config.username}</div>
		                            <div class="post-look left"><span>{$article.clickrate}</span>{:__('Browse')}</div>
		                            <div class="post-time left">{:date('Y-m-d',$article.published_time)}</div>
		                            <!--<div class="post-attention left"><span class="sel-attpost"></span><i>已关注</i></div>-->
		                        </div>
		                    </div>
		                    <hr/>
							{$article.maincontent}
							<div class="blog-return">
		                    	<div>
		                    		<p><a href="{:url('blog/detail',array('id'=>$article.article_pre_id))}">{:__('Pre Piece')}：{$article.article_pre}</a></p>
		                    		<p><a href="{:url('blog/detail',array('id'=>$article.article_be_id))}">{:__('Next Piece')}：{$article.article_be}</a></p>
		                    	</div>
		                        <a href="javascript:history.go(-1)"><< {:__('Back to')}</a>
		                    </div>
		                </div>
		            </main>
		            <aside class="blog-aside col-md-3">
		                <div class="all-essay">
		                    <div class="essay-tit">
		                        <div class="essay-title">{:__('Blog Part')}</div>
		                    </div>
		                    <ul class="essay-list">
		                        {foreach name="cate_rows" item="vo"}
		                    	<li class="<if condition='$key eq 0'>essay-item1</if>"><a href="{:url('blog/blog',array('cate_id'=>$vo.id,'lang'=>$lang))}">{$vo.name}</a></li>
		                         {/foreach}
		                    </ul>
		                </div>
		                <div class="all-essay">
		                    <div class="essay-tit">
		                        <div class="essay-title">{:__('Date filing')}</div>
		                    </div>
		                    <div class="adta-archive">
		                    	{foreach name="yearpige" item="yearnum" key="year_key"}
		                    		<dt><a href="">{$year_key}{:__('Year')} </a><span>{$yearnum}{:__('Piece')}</span></dt>
		                    		{foreach name="monthpige[$year_key]" item="monthnum" key="month_key"}
		                    			<dd><a href="{:url('Blog/blog',array('year_month'=>$year_key.'-'.$month_key,'lang'=>$lang))}">{$month_key}{:__('month')}</a><span>{$monthnum}{:__('Piece')}</span></dd>
		                    		{/foreach}
		                    	{/foreach}
		                    </div>
		                </div>
		            </aside>
		        </div>
		    </div>
		</div>
		<footer>
			<div class="container-fluid footer">
				<div class="row">
					<div class="col-lg-8 col-lg-offset-2 text-center footerSec">
						<div class="tx">
							<ul>
								<li><a href="https://twitter.com/FACchain"><img src="__CDN__/assets/img/scoute/web/icon_footer_01_twitter.png"/></a></li>
								<li><a href=" "><img src="__CDN__/assets/img/scoute/web/icon_footer_02_facebook.png"/></a></li>
								<li><a href="https://0.plus/sp/FACchain"><img src="__CDN__/assets/img/scoute/web/icon_footer_03_telegram.png"/></a></li>
								<li><a href=" "><img src="__CDN__/assets/img/scoute/web/icon_footer_04_medium.png"/></a></li>
								<li><a href="https://github.com/facchain/"><img src="__CDN__/assets/img/scoute/web/icon_footer_05_github.png"/></a></li>
								<li><a href="https://weibo.com/u/6529215935"><img src="__CDN__/assets/img/scoute/web/icon_footer_06_microblog.png"/></a></li>
							</ul>
							<p>2018© ctschain.org</p>
						</div>
					</div>
				</div>
			</div>
		</footer>
	</body>
</html>
<script type="text/javascript">
//页面DOM结构绘制完成后执行
$(document).ready(function(){
	var ScrTop = document.documentElement.scrollTop || document.body.scrollTop;
	if(ScrTop > 0){
		$('.navbar').css('box-shadow','0 10px 25px rgba(0,52,74,0.18)')
	}else{
		$('.navbar').css('box-shadow','0 0 0 rgba(0,0,0,0)')
	}
});
//监听页面的滚动
window.addEventListener('scroll',function(){
	var ScrTop = document.documentElement.scrollTop || document.body.scrollTop;
	if(ScrTop > 0){
		$('.navbar').css('box-shadow','0 10px 25px rgba(0,52,74,0.18)')
	}else{
		$('.navbar').css('box-shadow','0 0 0 rgba(0,0,0,0)')
	}
});
//导航栏鼠标停留样式
$('.navList a').hover(function(){
	$(this).addClass('act1');
	$(this).parent().siblings().children('a').removeClass('act')
},function(){
	$(this).removeClass('act1')
});
//导航栏鼠标点击样式
$('.navList a').each(function(index,elem){
	$(this).click(function(){
		$(this).addClass('act2');
		$(this).parent().siblings().children('a').removeClass('act2');
	})
});
//中英文切换按钮
$('.cutLan').click(function(){
    //取消事件冒泡
    event.stopPropagation();
    $('.lan').slideToggle(250);
});
//点击空白处隐藏弹出层，下面为滑动消失效果和淡出消失效果。
$(document).click(function(event){
    var _con = $('.lan');  // 设置目标区域
    if(!_con.is(event.target) && _con.has(event.target).length === 0){ // Mark 1
    	//$('#divTop').slideUp('slow');  //滑动消失
        $('.lan').slideUp(250);   //淡出消失
    }
});
$('.lan>div').click(function(){
    //取消事件冒泡
    event.stopPropagation();
    $('.lan').slideUp(250);
});
//日期归档点击
$('.adta-archive dt').click(function(){
	$(this).siblings('dd').slideToggle();
	$(this).children().css('color','#fe9611');
	$(this).parent('dl').siblings().children('dt').children().css('color','#333333');
	$(this).parent('dl').siblings().find('dd').slideUp()
});

//点击搜索图片
$('.search_img').click(function () {
	var keyword = $('.blog-text').val();
    window.location.href = '../../../blog/blog' + '/keyword/' + keyword;
});
</script>